<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>BlueBlog</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="en-us" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta name="description" content="SunRise Free Css Template" />
	<meta name="keywords" content="" />
	<meta name="author" content="David Herreman (http://www.free-css-templates.com)" />
	<style type="text/css"> @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/resources/dojo.css";</style>
	<style type="text/css" media="all">@import "/blogstyle/blogstyle.css";</style>
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/rss.xml" />
	<link id="themeStyles" type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dijit/themes/tundra/tundra.css">
	<!-- load the dojo toolkit base -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js"
	    djConfig="parseOnLoad:true"></script>

	<!-- Artical_edit_form sytle sheets -->
	<style type="text/css">
		.cssform p{
		width: 300px;
		clear: left;
		margin: 0;
		padding: 5px 0 8px 0;
		padding-left: 155px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
		}

		.cssform label{
		font-weight: bold;
		float: left;
		margin-left: -155px; /*width of left column*/
		width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		}

		.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 180px;
		}

		.cssform textarea{
		width: 250px;
		height: 150px;
		}

		/*.threepxfix class below:
		Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
		to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
		*/

		* html .threepxfix{
		margin-left: 3px;
		}
	</style>
	<script type="text/javascript">
		dojo.require("dijit.form.Button");
		dojo.require("dijit.TitlePane");
		dojo.require("dijit.Editor");
		dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
		dojo.require("dijit._editor.plugins.FontChoice");  // 'fontName','fontSize','formatBlock'
		dojo.require("dijit._editor.plugins.TextColor");
		dojo.require("dijit._editor.plugins.LinkDialog");
		dojo.require("dojo.parser");
		var nav_init = function(){
				var contentNode = dojo.byId("navigate");
				dojo.xhrGet({
					url: "/navigate",
					handleAs: "text",
					load: function(data,args){
						// fade out the node we're modifying
						dojo.fadeOut({
							node: contentNode,
							onEnd: function(){
							  // set the data, fade it back in
							  contentNode.innerHTML = data;
							  dojo.fadeIn({node: contentNode}).play();
							}
						}).play();
					},
					// if any error occurs, it goes here:
					error: function(error,args){
						console.warn("error!",error);
					}
				});
		};

		dojo.addOnLoad(nav_init);
	</script>

</head>

<body class="tundra">
	<div class="content">
		<div id="top">
			<div class="padding">
				{{logininfo}}
			</div>
		</div>
		<div id="header">
			<div class="f_search">
					<form method="post" action="/search">
						<p><input type="text" name="search" value="search..." class="search" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /> <input type="submit" value="Go" class="submit" /></p>
					</form>
			</div>
			<div class="title">
				<h1 id="maintitle">Jack Blog</h1>
				<h2 id="secondtitle">{%block abc%}使用于GAE上  |  Using Free BlueBlog Template{%endblock abc%}</h2>
			</div>
		</div>

		<div id="subheader">
			{% if adminmode %}
				{% include "admin_menu.html"%}
			{% else %}
				{% include "menu.html"%}
			{% endif%}
		</div>


		<div id="main">
			<div class="right_side">
				<div class="nav" id="navigate">
				</div>
			</div>
			<div class="left_side">
			{% if editormode %}
				{% include "artical_edit_form.html"%}
			{% else %}
				{{recentarticals}}
			{% endif%}
			</div>

		</div>

		<div id="footer">
			<div class="padding">
				Copyright &copy; 2006 BlueBlog | Design: <a href="http://www.free-css-templates.com">David Herreman </a> |
				<a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a>
			</div>
		</div>
	</div>
</body>
</html>
